<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:winter="http://www.winter.org"
	xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
	layout:decorator="/layouts/layout">
<head>
	<title>Escriba - Inmuebles</title>
</head>
<body>
	<section layout:fragment="content">
		<winter:output id="InmueblesOutput">
			<form id="InmueblesForm" th:object="${inmuebles}" class="form">
				<div id="BarraInmuebles" class="headerbar" th:if="${inmuebles.context.lista}">
					<div class="form-title" th:text="@{'Inmuebles'}">Inmuebles</div>
				    	<winter:row>
						   <winter:column type="col-md-4">
								<winter:select id="selectDepartamento"
									field="*{filtros.departamento}"
									collection="dtos, rowDtos : ${inmuebles.departamentos}"
									value="${dtos.id}" 
									text="@{${dtos.nombre}}"
									label="@{'Departamento: '}" 
									modern="true"
									showglobalmessgage="true"
									addemptyvalue="true">
								</winter:select>
								<winter:event id="EventDepartamentos" event="change"
									target="selectDepartamento"
									url="@{'/inmuebles/departamentoEvent'}" form="InmueblesForm"
									update="InmueblesOutput" object="inmuebles" immediate="true"
									showstatus="true" showstatuselement="true">
								</winter:event>
							</winter:column>
				    		<winter:column type="col-md-4">
								<winter:select id="filtroSelectDistrito" 
									field="*{filtros.distrito}"
									collection="distr, rowDistr : ${inmuebles.distritos}"
									value="${distr.id}" 
									text="@{${distr.nombre}}"
									label="@{'Distrito: '}" 
									modern="true"
									showglobalemessage="true">
								</winter:select>
				    	   </winter:column>
				    	   <winter:column type="col-md-4">
				    	   		<winter:inputtext
									id="VehiculoFiltroFinca" 
									field="*{filtros.finca}"
									label="#{label.inmueble.finca.matricula}"
									labeldisplay="col-xs-4"
									inputdisplay="col-xs-8"
									containerdisplay="row padded"
									class="winter-input-text capitalize">
								</winter:inputtext>
				    	   </winter:column>
				       </winter:row>
				       <winter:row>
				    	   <winter:column type="col-md-4">
				    	   		<winter:inputtext
									id="filtroCtaCat" 
									field="*{filtros.cuentacorriente}" 
									label="#{label.inmueble.cta.catastral}"
									labeldisplay="col-xs-4"
									inputdisplay="col-xs-8"
									containerdisplay="row padded"
									class="winter-input-text capitalize">
								</winter:inputtext>
				    	   </winter:column>
				    	   <winter:column type="col-md-4">
				    	   		<winter:inputtext
									id="filtroPadron" 
									field="*{filtros.padron}" 
									label="#{label.inmueble.padron}"
									labeldisplay="col-xs-4"
									inputdisplay="col-xs-8"
									containerdisplay="row padded"
									class="winter-input-text capitalize">
								</winter:inputtext>
				    	   </winter:column>
			    	 </winter:row>
			    	 <winter:row class="button-panel-right" padded="true">
						<winter:ajaxsubmit 
							id="@{'ConsultarInmuebles'}" 
							form="InmueblesForm"
							url="@{'/inmuebles/consultar'}" 
							update="InmueblesOutput"
							value="Consultar"
							object="inmuebles"
							effect="fade"
							showstatus="true"
							class="btn btn-cyan"
							immediate="true">
						</winter:ajaxsubmit>
						<winter:ajaxsubmit 
							id="@{'AgregarInmueble'}" 
							form="InmueblesForm"
							url="@{'/inmuebles/agregarInmueble'}" 
							update="InmueblesOutput"
							value="Agregar Inmueble"
							object="inmuebles"
							effect="fade"
							showstatus="true"
							class="btn btn-cyan"
							immediate="true">
						</winter:ajaxsubmit>
					</winter:row>
				</div>			
				<div th:text="#{mensaje.inmuebles.vacio}" class="info-message" th:if="${!inmuebles.context.inmueble and #lists.isEmpty(inmuebles.inmuebles)}">
				</div>
				<winter:output id="TablaInmuebles">
					<winter:datatable 
						id="ListaInmuebles"
						customLanguage="true"
						paginate="true"
						jQuery="true"
						retrieve="true"
						emptyTableText="No se encontraron Datos!"
						infoText="Mostrando _START_ al _END_ de _TOTAL_ registros"
						emptyTableInfoText="Mostrando 0 al 0 de 0 registros"
						searchText="Buscar"
						lengthMenu="Mostrar _MENU_ registros"
						if="${inmuebles.context.lista and !#lists.isEmpty(inmuebles.inmuebles)}">
						<thead>
							<tr>
							    <th th:text="#{label.inmueble.distrito}"></th>
							    <th th:text="#{label.inmueble.finca}"></th>
							    <th th:text="#{label.inmueble.matricula}"></th>
							    <th th:text="#{label.inmueble.parcela}"></th>
							    <th th:text="#{label.inmueble.cta.catastral}"></th>
							    <th th:text="#{label.inmueble.lote}"></th>
							    <th th:text="#{label.inmueble.superficie}"></th>
								<th th:text="#{label.common.operaciones}"></th>
							</tr>
						</thead>
						<tbody>
							<tr th:each="inmuebleItem, rowStat : ${inmuebles.inmuebles}" style="line-height: 2em;">
								<td th:text="${inmuebleItem.distrito.nombre}" class="align-left"></td>
								<td th:text="${inmuebleItem.finca}" class="align-left"></td>
								<td th:text="${inmuebleItem.matricula}" class="align-left"></td>
								<td th:text="${inmuebleItem.parcela}" class="align-left"></td>
								<td th:text="${inmuebleItem.cuentacorriente}" class="align-left"></td>
								<td th:text="${inmuebleItem.lote}" class="align-left"></td>
								<td th:text="${inmuebleItem.area}" class="align-left"></td>
								<td class="tabla-operaciones" width="10px">
									<div class="button-toolbar">
										<winter:ajaxlink 
											id="@{${rowStat.index}+'EditarInmueble'}" 
											form="InmueblesForm"
											url="@{'/inmuebles/editarInmueble/'+${rowStat.index}}" 
											update="InmueblesOutput"
											title="Editar"
											tip="true"
											object="inmuebles"
											effect="fade"
											showstatus="true"
											immediate="true"
											class="ajax-submit icon-edit-sign icon-2x">
										</winter:ajaxlink>
										<winter:ajaxlink 
											id="@{${rowStat.index}+'EliminarInmueble'}" 
											form="InmueblesForm"
											url="@{'/inmuebles/deleteInmueble/'+${rowStat.index}}" 
											update="InmueblesOutput"
											title="Eliminar"
											tip="true"
											object="inmuebles"
											effect="fade"
											showstatus="true"
											immediate="true"
											class="ajax-submit icon-remove-sign icon-2x"
											confirmationrequired="true"
							                confirmationtext="Está seguro que desea realizar la operación?">
										</winter:ajaxlink>
									</div>
								</td>
							</tr>
						</tbody>
					</winter:datatable>
				</winter:output>
				<div th:if="${inmuebles.context.inmueble}" class="regla">
					<div id="CrearEditarInmueble" th:include="/gestion/inmueble :: inmueble">
	  				</div>
				</div>					
			</form>
		</winter:output>
	</section>
</body>
</html>